import $config from '@src/config'

export default [
	/* {
		title: '基础组件',
		components: [
			{
				elName: 'qk-text',
				title: '文字',
				icon: 'iconfont iconwenben',
				// 每个组件设置props来展示哪些显示哪些编辑项
				valueType: '', // 标识数据类型，用于表单组件
				defaultStyle: {
					width: 200,
					height: 40
				}
			},
			{
				elName: 'qk-image',
				title: '图片',
				icon: 'iconfont icontupian',
				valueType: '', // 标识数据类型，用于表单组件,
				defaultStyle: {
					height: 200,
					width: 500
				}
			},
			{
				elName: 'qk-button',
				title: '按钮',
				icon: 'iconfont iconanniuzu',
				// 每个组件设置props来展示哪些显示哪些编辑项
				valueType: '', // 标识数据类型，用于表单组件
				defaultStyle: {
					width: 140,
					height: 40,
					paddingTop: 10,
					paddingBottom: 10,
					borderColor: "#999999",
					borderStyle: 'solid',
					borderWidth: 1,
					borderRadius: 4
				}
			},
			{
				elName: 'qk-rectangle-border',
				title: '矩形边框',
				icon: 'iconfont iconjuxing',
				valueType: '',
				defaultStyle: {
					width: 120,
					height: 100,
					borderColor: "#999999",
					borderStyle: 'solid',
					borderWidth: 2
				}
			},
			{
				elName: 'qk-rectangle-border',
				title: '分割线',
				icon: 'iconfont icon758bianjiqi_fengexian',
				valueType: '',
				defaultStyle: {
					height: 1,
					width: 300,
					backgroundColor: '#999999'
				}
			},
			{
				elName: 'qk-image-carousel',
				title: '图片轮播',
				icon: 'iconfont iconshouyelunbotu',
				valueType: '', // 标识数据类型，用于表单组件,
				defaultStyle: {
					height: 210
				}
			},
			{
				elName: 'qk-iframe',
				title: '内嵌iframe',
				icon: 'iconfont iconiframetianjia',
				valueType: '',
				defaultStyle: {
					width: $config.canvasH5Width,
					height: 300,
					paddingTop: 10,
					paddingBottom: 10
				}
			},
			{
				elName: 'map',
				title: '地图',
				icon: 'iconfont iconditu',
				valueType: '',
				defaultStyle: {
					width: 300,
					height: 200,
					paddingTop: 10,
					paddingBottom: 10
				}
			},
			{
				elName: 'video',
				title: '视频',
				icon: 'iconfont iconshipin',
				valueType: '',
				defaultStyle: {
					width: $config.canvasH5Width,
					height: 300,
					paddingTop: 10,
					paddingBottom: 10
				}
			},
		]
	},
	{
		title: '表单组件',
		components: [
			{
				elName: 'input',
				title: '文本框',
				icon: 'iconfont iconwenbenkuang'
			},
			{
				elName: 'radio',
				title: '单选框',
				icon: 'iconfont iconplus-radio'
			},
			{
				elName: 'checkbox',
				title: '复选框',
				icon: 'iconfont iconduoxuan'
			},
			{
				elName: 'date',
				title: '日期选择器',
				icon: 'iconfont iconriqi'
			},
			{
				elName: 'el-time',
				title: '时间选择器',
				icon: 'iconfont iconshijian'
			},
			{
				elName: 'datetime',
				title: '日期时间',
				icon: 'iconfont iconriqishijian'
			}
		]
	},
	{
		title: '功能组件',
		components: [
			{
				elName: 'qk-bg-music',
				title: '音乐',
				icon: 'iconfont iconyinlemusic217',
				valueType: '',
				defaultStyle: {
					height: 52,
					width: 52,
				}
			},
		]
	},
	{
		title: '业务组件',
		components: [
			{
				elName: 'base-pie-chart',
				title: '圆饼图',
				icon: 'iconfont iconyinlemusic217',
				valueType: '',
				defaultStyle: {
					height: 300,
					width: 500
				}
			},
		]
	}, */
	{
		title: '柱状图',
		components: [
			{
				elName: 'base-bar-chart',
				title: '基本柱状图',
				icon: 'iconfont iconyinlemusic217',
				valueType: '',
				defaultStyle: {
					height: 300,
					width: 500
				}
			},
			{
				elName: 'contrast-bar-chart',
				title: '对比柱状图',
				icon: 'iconfont iconyinlemusic217',
				valueType: '',
				defaultStyle: {
					height: 300,
					width: 500
				}
			},
			{
				elName: 'LineSimpleColumnar',
				title: '折线柱图',
				icon: 'iconfont iconyinlemusic217',
				valueType: '',
				defaultStyle: {
					height: 300,
					width: 500
				}
			},
			// {
			// 	elName: 'horizontal-bar-chart',
			// 	title: '水平柱状图',
			// 	icon: 'iconfont iconyinlemusic217',
			// 	valueType: '',
			// 	defaultStyle: {
			// 		height: 300,
			// 		width: 500
			// 	}
			// },
			// {
			// 	elName: 'arc-bar-chart',
			// 	title: '弧形柱状图',
			// 	icon: 'iconfont iconyinlemusic217',
			// 	valueType: '',
			// 	defaultStyle: {
			// 		height: 300,
			// 		width: 500
			// 	}
			// },
			
		]
	},
	
	{
		title: '饼图',
		components: [
			// {
			// 	elName: 'base-pie-chart',
			// 	title: '基本饼图',
			// 	icon: 'iconfont iconyinlemusic217',
			// 	valueType: '',
			// 	defaultStyle: {
			// 		height: 300,
			// 		width: 500
			// 	}
			// },
			// {
			// 	elName: 'dimension-pie-chart',
			// 	title: '多维度饼图',
			// 	icon: 'iconfont iconyinlemusic217',
			// 	valueType: '',
			// 	defaultStyle: {
			// 		height: 300,
			// 		width: 500
			// 	}
			// },
			{
				elName: 'circle-pie-chart',
				title: '环形饼图',
				icon: 'iconfont iconyinlemusic217',
				valueType: '',
				defaultStyle: {
					height: 300,
					width: 500
				}
			},
			// {
			// 	elName: 'gauge-pie-chart',
			// 	title: '单值环形图',
			// 	icon: 'iconfont iconyinlemusic217',
			// 	valueType: '',
			// 	defaultStyle: {
			// 		height: 300,
			// 		width: 300
			// 	}
			// },
		]
	},
	{
		title: '雷达图',
		components: [
			{
				elName: 'base-radar-chart',
				title: '基本雷达图',
				icon: 'iconfont iconyinlemusic217',
				valueType: '',
				defaultStyle: {
					height: 300,
					width: 400
				}
			}
		]
	},
	{
		title: '媒体',
		components: [
			{
				elName: 'wh-image',
				title: '图片',
				icon: 'iconfont iconyinlemusic217',
				valueType: '',
				defaultStyle: {
					height: 300,
					width: 400
				}
			},
			{
				elName: 'wh-video',
				title: '视频播放器',
				icon: 'iconfont iconshipin',
				valueType: '',
				defaultStyle: {
					width: 600,
					height: 350,
				}
			},
		]
	},
	{
		title: '文字',
		components: [
			{
				elName: 'input',
				title: '单行文字',
				icon: 'iconfont iconwenben',
				defaultStyle: {
					backgroundColor: 'transparent'
				}
			},
			{
				elName: 'wh-text',
				title: '多行文字',
				icon: 'iconfont iconwenbenkuang',
				// 每个组件设置props来展示哪些显示哪些编辑项
				valueType: '', // 标识数据类型，用于表单组件
				defaultStyle: {
					width: 200,
					height: 40
				}
			},
			{
				elName: 'digital-flop',
				title: '数字翻牌器',
				icon: 'iconfont iconwenbenkuang',
				// 每个组件设置props来展示哪些显示哪些编辑项
				valueType: '', // 标识数据类型，用于表单组件
				defaultStyle: {
					width: 200,
					height: 30
				}
			},{
				elName: 'scroll-board',
				title: '轮播列表',
				icon: 'iconfont iconwenbenkuang',
				// 每个组件设置props来展示哪些显示哪些编辑项
				valueType: '', // 标识数据类型，用于表单组件
				defaultStyle: {
					width: 300,
					height: 300
				}
			},
			{
				elName: 'tab-list',
				title: '静态列表',
				icon: 'iconfont iconwenbenkuang',
				// 每个组件设置props来展示哪些显示哪些编辑项
				valueType: '', // 标识数据类型，用于表单组件
				defaultStyle: {
					width: 300,
					height: 300
				}
			},{
				elName: 'now-time',
				title: '时间器',
				icon: 'iconfont iconwenbenkuang',
				// 每个组件设置props来展示哪些显示哪些编辑项
				valueType: '', // 标识数据类型，用于表单组件
				defaultStyle: {
					width: 200,
					height: 50
				}
			},
		]
	},
	{
		title: '地图',
		components: [
			{
				elName: 'base-map',
				title: '基础平面地图',
				icon: 'iconfont iconyinlemusic217',
				valueType: '',
				defaultStyle: {
					height: 332,
					width: 885
				}
			},
			{
				elName: 'base-map1',
				title: '平面地图1',
				icon: 'iconfont iconyinlemusic217',
				valueType: '',
				defaultStyle: {
					height: 700,
					width: 1000
				}
			},
		]
	},
	{
		title: '折线图',
		components: [
			{
				elName: 'line-simple-base',
				title: '基本折线图',
				icon: 'iconfont iconyinlemusic217',
				valueType: '',
				defaultStyle: {
					height: 300,
					width: 500
				}
			},
			{
				elName: 'line-simple-area-stack',
				title: '区域折线图',
				icon: 'iconfont iconyinlemusic217',
				valueType: '',
				defaultStyle: {
					height: 300,
					width: 500
				}
			},
			{
				elName: 'line-simple-contrast',
				title: '对比折线图',
				icon: 'iconfont iconyinlemusic217',
				valueType: '',
				defaultStyle: {
					height: 300,
					width: 500
				}
			},
			
		]
	}
]
